<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="mockjs/mock-min.js"></script>
    <script>
        /* 当模块被加载时候，会提供全局对象Mock
            全局对象中记录了Mock的属性和相关的功能方法
            开发中和数据生成有关的方法是:Mock.mock 和Mock.Random */
        console.log(window.Mock);

        //Mock.random提供一个对象，对象中包含了各种用于随机生成一个对应的数据的功能方法
        console.log(Mock.Random);
        console.log(Mock.Random.cname());
        console.log(Mock.Random.cname());
        console.log(Mock.Random.cname());
        console.log(Mock.Random.cname());
        console.log(Mock.Random.cname());

       /*  
       Mock.mock(模板参数)作为方法执行后，接收固定结构的定义模板，用于快速生成一组数据
        规则1：mock方法的模板参数必须取值Object结构
        规则2：属性模板结构，属性名称由|分割成两部分，左边为生成对象的属性名，数据的结构或者长度取决于取值和|右侧的描述
        规则3：通过mock提供的Random的方法特殊调用规则@，可以在定义数据结构时候使用随机数据生成
    */

        let temp={
            names:[Mock.Random.cname(),Mock.Random.cname(),Mock.Random.cname(),Mock.Random.cname(),Mock.Random.cname()]
        };
        console.log(temp);

        let temp2={
            "names|5":["@cname"]
        };
        let obj=Mock.mock(temp2);
        console.log(obj);
    </script>
</head>
<body>
    
</body>
</html>